<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="hdt3213">

    <title>GoBang</title>

    <link href="/static/css/board.css" rel="stylesheet">
    <link href="/static/jquery-weui/css/jquery-weui.css" rel="stylesheet">
    <link href="/static/jquery-weui/lib/weui.css" rel="stylesheet">

    <script src="/static/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="/static/jquery/jquery.json.min.js"></script>
    <script src="/static/jquery-weui/js/jquery-weui.js"></script>
    <script src="/static/js/md5.min.js"></script>

</head>

<body>

<h1 style="text-align: center;">Chain For Perls</h1>

<div class="container">


    <div id="board" class="board">
        <img src="/static/image/board.jpg" style="z-index: 10">

        <div id="buttons" class="buttons">

            <div id="online_buttons" class='demos-content-padded'>
                <button id="resign_btn" class="weui_btn weui_btn_warn">认输</button>
                <button id="retract_btn" class="weui_btn weui_btn_default">悔棋</button>
            </div>

            <div id="local_buttons" class='demos-content-padded'>
                <button id="local_retract_btn" class="weui_btn weui_btn_warn">悔棋</button>
                <button id="local_restart_btn" class="weui_btn weui_btn_default">重新开始</button>
            </div>

        </div>
    </div>


    <div id="partner" class="demos-content-padded" style="width:455px;margin: 10px auto 10px auto;">

        <div class="weui_panel_hd">寻找对手</div>

        <div class="weui_panel_bd">

            <a class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd" style="width:90px;height:90px">
                    <i id="partner_ready" class="weui_icon_msg weui_icon_waiting"></i>
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">对手</h4>
                    <p id="partner_info" class="weui_media_desc"></p>
                </div>
            </a>

            <a class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd" style="width:90px;height:90px">
                    <i id="user_ready" class="weui_icon_msg weui_icon_waiting"></i>
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">玩家</h4>
                    <p id="user_info" class="weui_media_desc"></p>
                </div>
            </a>

            <div id="partner_buttons" class="buttons">
                <div class='demos-content-padded'>
                    <button id="ready_btn" class="weui_btn weui_btn_primary">准备</button>
                    <button id="sign_out_btn" class="weui_btn weui_btn_warn">退出</button>
                </div>
            </div>

        </div>

    </div>

</div>

<script src="/static/js/game.js"></script>
<script src="/static/js/judge.js"></script>
<script src="/static/js/driver.js"></script>
<script src="/static/js/autoplayer.js"></script>
<script src="/static/js/index.js"></script>

</body>

</html>